<template>
  <div class="recoverIndex">
     <yd-navbar title="手机回收">
       <router-link to="/" slot="left">
            <yd-navbar-back-icon></yd-navbar-back-icon>
        </router-link>
     </yd-navbar>
    <yd-list theme="3">
        <yd-list-item v-for="item in list" type="link" href="recoverQues">
            <img slot="img" :src="item.img">
            <div slot="title" style="text-align: center;">{{item.title}}</div>
            <div slot="other" style="text-align:center;padding:.1rem">
              <span class="list-price"><em>¥</em>{{item.price}}</span>
            </div>
            <div slot="other">
               <yd-button size="large" type="primary">立即购买</yd-button>
            </div>
        </yd-list-item>
    </yd-list>
  </div>
</template>

<script>
export default {
  name: 'recoverIndex',
  data () {
    return {
      list: [
        {img: "/static/img/product.jpg", title: "iphone6", price: 156.23},
        {img: "/static/img/product.jpg", title: "iphone6", price: 156.23},
        {img: "/static/img/product.jpg", title: "iphone6", price: 156.23},
        {img: "/static/img/product.jpg", title: "iphone6", price: 156.23}
      ]
    }
  },
  methods:{
    handleClick: function(){
      
    }
  }

}
</script>
<style scoped>
.recoverIndex .btn-primary{
  font-size: .26rem;
  height: .6rem;
  margin-top: 0.1rem;
}
</style>
